<ui:fragment  
    xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:ui="http://java.sun.com/jsf/facelets"  
    xmlns:p="http://primefaces.org/ui"> 
	<p:panel id="panelPesquisaCliente" style="width: 700;">
       	<h:panelGrid columns="2" cellpadding="2" id="userUpdateForm" border="0" >
            <h:outputLabel for="inputCpf" value="CPF:"/>
            <p:inputMask value="#{clienteManagedBean.cliente.cpf}" mask="999.999.999-99" id="inputCpf"/>
            
            <h:outputLabel for="inputNome" value="Nome:"/>
            <h:inputText value="#{clienteManagedBean.cliente.nome}" maxlength="50" size="50" id="inputNome"></h:inputText>
            
            <p:commandButton id="btModalPesquisarCliente" value="Pesquisar" immediate="true" onclick="#{clienteManagedBean.pesquisaCliente(clienteManagedBean.cliente)}" update="dataTableResultado" icon="ui-icon-disk" />
        </h:panelGrid>
           
        <p:dataTable id="dataTableResultado" var="_cliente" value="#{clienteManagedBean.clientes}"
                 paginator="true" rows="10"
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                 rowsPerPageTemplate="5,10,15"
                 editable="true">
	        <f:facet name="header">
	            Resultado da pesquisa
	        </f:facet>
	
			<p:column style="width:4%" headerText="Ações" >
	            <p:commandButton id="btEditar" 
	            	icon="ui-icon-pencil" 
	            	oncomplete="dlgEdicao.show();" 
					update=":formEdicao:pnModalCliente"
	            	action="#{clienteManagedBean.selecionaCliente(_cliente)}" />  
	            <p:commandButton id="btExcluir" onclick="confirmation.show()" icon="ui-icon-close" >
	               	<f:setPropertyActionListener value="#{_cliente}" target="#{clienteManagedBean.clienteSelecionado}" />
	               </p:commandButton> 
	        </p:column> 
	        
	        <p:column headerText="CPF" >
	            <h:outputText value="#{_cliente.cpf}" id="outputCpf"/>
	        </p:column>
	
	        <p:column headerText="Nome">
	            <h:outputText id="outputNome" value="#{_cliente.nome}" />
	        </p:column>
	
	        <p:column headerText="Data Nascimento">
	            <p:calendar id="calDtNascimentoTabela" value="#{_cliente.dataDeNascimento}" disabled="true" display="inline"  />
	        </p:column>
	
	        <p:column headerText="Sexo">
	            <h:outputText id="outputSexo" value="#{_cliente.sexo}" />
	        </p:column>
	        
	        <p:column headerText="Endereço">
	            <h:outputText id="outputEndereco" value="#{_cliente.logradouro}" />
	        </p:column>
	        
	        <p:column headerText="Email">
	            <h:outputText id="outputEmail" value="#{_cliente.email}" />
	        </p:column>
	    </p:dataTable>
	</p:panel>
	
	
</ui:fragment>
